﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript" src="control.js"></script>

<style type="text/css">


.photo{
	border:#000000 0px solid;
}
.photo img{
	width:198px;
	height:198px;
	float:left;
	border:#989440 0px solid;
	padding:1px;
	opacity:0.3;
}
body{
	border:#989440 0px solid;
	width:606px;
	margin:auto;
	padding:0px;
}
#content{
	border:#989440 0px solid;
	margin:auto;
}
</style>
</head>
<body>
<div id="content">
    <div class="photo"><a id="1" style="display:block" onmouseover="javascript:mouseoverpic('1')" onmouseout="javascript:mouseleavepic('1')" href="./images/1.jpg" target="_blank"><img src="./images/1.jpg" target="_blank"></a></div>
    <div class="photo"><a id="2" style="display:block" onmouseover="javascript:mouseoverpic('2')" onmouseout="javascript:mouseleavepic('2')" href="./images/2.jpg" target="_blank"><img src="./images/2.jpg" target="_blank"></a></div>
    <div class="photo"><a id="3" style="display:block" onmouseover="javascript:mouseoverpic('3')" onmouseout="javascript:mouseleavepic('3')" href="./images/3.jpg" target="_blank"><img src="./images/3.jpg" target="_blank"></a></div>
    <div class="photo"><a id="4" style="display:block" onmouseover="javascript:mouseoverpic('4')" onmouseout="javascript:mouseleavepic('4')" href="./images/4.jpg" target="_blank"><img src="./images/4.jpg" target="_blank"></a></div>
    <div class="photo"><a id="5" style="display:block" onmouseover="javascript:mouseoverpic('5')" onmouseout="javascript:mouseleavepic('5')" href="./images/5.jpg" target="_blank"><img src="./images/5.jpg" target="_blank"></a></div>
    <div class="photo"><a id="6" style="display:block" onmouseover="javascript:mouseoverpic('6')" onmouseout="javascript:mouseleavepic('6')" href="./images/6.jpg" target="_blank"><img src="./images/6.jpg" target="_blank"></a></div>
    <div class="photo"><a id="7" style="display:block" onmouseover="javascript:mouseoverpic('7')" onmouseout="javascript:mouseleavepic('7')" href="./images/7.jpg" target="_blank"><img src="./images/7.jpg" target="_blank"></a></div>
    <div class="photo"><a id="8" style="display:block" onmouseover="javascript:mouseoverpic('8')" onmouseout="javascript:mouseleavepic('8')" href="./images/8.jpg" target="_blank"><img src="./images/8.jpg" target="_blank"></a></div>
    <div class="photo"><a id="9" style="display:block" onmouseover="javascript:mouseoverpic('9')" onmouseout="javascript:mouseleavepic('9')" href="./images/9.jpg" target="_blank"><img src="./images/9.jpg" target="_blank"></a></div>
    <div class="photo"><a id="10" style="display:block" onmouseover="javascript:mouseoverpic('10')" onmouseout="javascript:mouseleavepic('10')" href="./images/10.jpg" target="_blank"><img src="./images/10.jpg" target="_blank"></a></div>
    <div class="photo"><a id="11" style="display:block" onmouseover="javascript:mouseoverpic('11')" onmouseout="javascript:mouseleavepic('11')" href="./images/11.jpg" target="_blank"><img src="./images/11.jpg" target="_blank"></a></div>
    <div class="photo"><a id="12" style="display:block" onmouseover="javascript:mouseoverpic('12')" onmouseout="javascript:mouseleavepic('12')" href="./images/12.jpg" target="_blank"><img src="./images/12.jpg" target="_blank"></a></div>
    <div class="photo"><a id="13" style="display:block" onmouseover="javascript:mouseoverpic('13')" onmouseout="javascript:mouseleavepic('13')" href="./images/13.jpg" target="_blank"><img src="./images/13.jpg" target="_blank"></a></div>
    <div class="photo"><a id="14" style="display:block" onmouseover="javascript:mouseoverpic('14')" onmouseout="javascript:mouseleavepic('14')" href="./images/14.jpg" target="_blank"><img src="./images/14.jpg" target="_blank"></a></div>
    <div class="photo"><a id="15" style="display:block" onmouseover="javascript:mouseoverpic('15')" onmouseout="javascript:mouseleavepic('15')" href="./images/15.jpg" target="_blank"><img src="./images/15.jpg" target="_blank"></a></div>
    <div class="photo"><a id="16" style="display:block" onmouseover="javascript:mouseoverpic('16')" onmouseout="javascript:mouseleavepic('16')" href="./images/16.jpg" target="_blank"><img src="./images/16.jpg" target="_blank"></a></div>
    <div class="photo"><a id="17" style="display:block" onmouseover="javascript:mouseoverpic('17')" onmouseout="javascript:mouseleavepic('17')" href="./images/17.jpg" target="_blank"><img src="./images/17.jpg" target="_blank"></a></div>
    <div class="photo"><a id="18" style="display:block" onmouseover="javascript:mouseoverpic('18')" onmouseout="javascript:mouseleavepic('18')" href="./images/18.jpg" target="_blank"><img src="./images/18.jpg" target="_blank"></a></div>
</div>
</body>
</html>